<template>
  <ga-tag
    v-if="type"
    :size="size"
    :bordered="bordered"
    :loading="type === 'syncing'"
    :color="objColor[type]"
  >
    {{ objCategory[type] || "未知" }}
  </ga-tag>
  <span v-else>-</span>
</template>

<script setup>
import { ref, defineModel } from "vue";
import { objColor, objCategory } from "@/constant";
defineProps({
  type: {
    type: String,
    default: "",
  },
  size: {
    type: String,
    default: "mini",
  },
  bordered: {
    type: Boolean,
    default: false,
  },
});
</script>
<style lang="scss" scoped>
.tabs_container {
  :deep(.garco-tabs-tab:hover) {
    background: var(--color-fill-2) !important;
  }
  :deep(.garco-tabs-nav-tab) {
    padding-bottom: 8px;
    border-bottom: 1px solid #e2e8f4;
    background: transparent !important;
    margin: 0 0 16px;
  }
}
</style>
